<template>
  <div>
    <div class="layui-col-sm12 layui-col-md24">
      <div class="blog-card shadow">
        <div class="blog-card-title">分享下载</div>
        <ul class="blog-card-ul">
          <li v-for="(item,index) in data" :key="index">
              <span class="layui-badge  ">荐</span>
              <router-link :to="'/news/down?id='+item.id" :title="item.title">{{item.title}}</router-link>
  
          </li>

        </ul>
      </div>
    </div>
  </div>
</template>
<script lang="ts">
export default {
    name:'music'

}
</script>
<script lang="ts" setup>
import {ref} from 'vue';
import http from 'webosutils/lib/http';
const data=ref([]) as any;
const GetRandomNew=()=>{
  if(data.value.length==0){
    http.post( "/v1/api/portalsite/GetNew", {type:"DF71E811-6C13-4EA1-9D2C-0A7F3A43A81A",limit:15,page:1}).then(res => {
        data.value = Object.freeze( res.data);

        }).catch(res => {
        
        });
  }
      
}
GetRandomNew();
</script>